//用户管理 - 用户注册中借款信息的二级页面

import React, { Component } from 'react';
import { Table, Icon } from 'antd';

const { Column } = Table;

const pagination = {
	total: 1,
	showSizeChanger: true,
	showQuickJumper: true,
	showTotal: (total) => {
    return `共 ${total} 条`;
  }
}

class LoanInfo extends Component {

  setRowClassName = (record, index) => {
    return index % 2 === 0 ? 'row-white' : 'row-grey';
  }

  handleClick = () => {
    console.log(1);
  }

	render() {
		return (
      <div>
        <div>
          <Icon type="appstore" />
          <span className="apply-font">借款信息</span>
        </div>
        <div className="line"></div>
        <div className="info-table">
          <Table size="small" pagination={ pagination } rowClassName={this.setRowClassName} bordered>
            <Column title='序号' align='center' dataIndex='id' width='60' />
            <Column title='借款时间' align='center' dataIndex='loanTime' width='60' />
            <Column title='借款金额' align='center' dataIndex='loanMoney' width='150' />
            <Column title='银行卡号' align='center' dataIndex='bankID' width='150' />
            <Column title='订单状态' align='center' dataIndex='orderStatus' width='80' />
            <Column title='逾期天数' align='center' dataIndex='overdueDays' width='80' />
          </Table>
        </div>
        <div className="line"></div>
      </div>
		);
	}
}
    
export default LoanInfo;